<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>IKEA</title>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
<!-- 
    iconfont.css
 -->
<link rel="stylesheet" href="./font_index/iconfont.css">

<!-- 
    common.css
    index.css
 -->
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./css/index.css">

</head>
<body>
<!-- 页面大盒子 -->
<div id="bigest">
    <!-- 顶部通知 -->
    <div class="header-message">
        <div class="message-center">
            <div class="download-app">
                <img src="./images/down-code.svg" alt="">
                <p>下载APP</p>
                <div class="download-app-hide">
                    <p>扫码下载宜家APP</p>
                    <p>随时随地都能宜家！</p>
                    <div class="download-app-hide-imgs">
                        <div>
                            <img src="./images/logo.svg" alt="">
                        </div>
                        <div>
                            <img src="./images/logo.svg" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="message-notice">
                <a href="" class="active">🔈 信息疫情影响服务通知，了解详情> </a>
                <!-- <a href="">疫情影响服务通知，了解详情> </a> -->
            </div>
            <div class="language">
                <a href="" class="Chineses">中文</a>
                <a>|</a>
                <a href="" class="English">EN</a>
            </div>
        </div>
        <div class="close-message">
            <img src="./images/close.svg" alt="">
        </div>
    </div>
    <!-- 顶部导航 -->
    <header class="nav">
        <div class="nav-left">
            <div class="nav-logo">
                <img src="./images/logo.svg" alt="">
            </div>
            <div class="nav-nav">
                <ul>
                    <li> <a href="">所有商品</a> </li>
                    <li> <a href="">房间</a> </li>
                    <li> <a href="">活动和特惠</a> </li>
                    <li> <a href="">服务</a> </li>
                    <li> <a href="">家居灵感</a> </li>
                    <li> <a href="">新品</a> </li>
                </ul>
            </div>
        </div>
        <div class="nav-search">
            <span class="iconfont icon-Magnifier"></span>
            <input type="text" value="你在找什么？">
        </div>
        <div class="nav-right">
            <span id="nav-myself" class="iconfont icon-gerenziliao">
                <div class="myself-name">你好 会员</div>
            </span>
            <span id="nav-like" class="iconfont icon-xihuan"></span>
            <span id="nav-shoppingBag" class="iconfont icon-gouwudai"></span>
        </div>
    </header>
    <!-- 大图Tab切换 -->
    <main class="tab">
        <div class="tab-box">
            <ul>
                <li class="active">
                    <a href="https://www.ikea.cn/cn/zh/campaigns/huo2-li4-man3-man3-zhong4-fan3-xiao4-yuan2-pub6c3567f0">
                        <img src="./images/lunbo1.webp" alt="">
                    </a>
                </li>
                <li>
                    <a href="https://www.ikea.cn/cn/zh/campaigns/zai4-shui4-mian2-zhong1-fang4-song1-yu3-chong1-neng2-pub28171e70">
                        <img src="./images/lunbo2.webp" alt="">
                    </a>
                </li>
                <li>
                    <a href="https://www.ikea.cn/cn/zh/ikea-business/">
                        <img src="./images/lunbo3.webp" alt="">
                    </a>
                </li>
                <li>
                    <a href="https://www.ikea.cn/cn/zh/campaigns/xin1-shou3-xiao3-bai2-de-shou1-na4-cheng2-chang2-ji4-pubc96cce10">
                        <img src="./images/lunbo4.webp" alt="">
                    </a>
                </li>
                <li>
                    <a href="https://www.ikea.cn/cn/zh/campaigns/open-the-door-pubefb58c20">
                        <img src="./images/lunbo5.webp" alt="">
                    </a>
                </li>
            </ul>
        </div>
        <ol>
        </ol>
        <a class="tab-left a">
            <span class="iconfont icon-zuo"></span>
        </a>
        <a class="tab-right a">
            <span class="iconfont icon-you1"></span>
        </a>
    </main>
    <!-- $same活动轮播版块 -->
    <main class="swiper ">
        <div class="bigger-swiper-box bigger-colorful-box">
            <div class="big-swiper-box big-colorful-box">
                <div class="swiper-box swiper-box-896b4f colorful-box">
                    <a href="https://www.ikea.cn/cn/zh/campaigns/wo3-men2-de-chao1-zhi2-di1-jia4-pub935f0b90">
                        <div class="swiper-img">
                                <img src="./images/swiper1.webp" alt="">
                        </div>
                        <div class="swiper-info swiper-info-896b4f">
                            <div class="swiper-info-inner">
                                <h3>超值的家居好物，仅需不到￥9.9！</h3>
                                <span class="iconfont icon-you1"></span>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="swiper-box swiper-box-e42312 colorful-box">
                    <a href="https://www.ikea.cn/cn/zh/campaigns/new-lower-price-pub2aff3d20">
                        <div class="swiper-img">
                                <img src="./images/swiper2.webp" alt="">
                        </div>
                        <div class="swiper-info swiper-info-e42312">
                            <div class="swiper-info-inner">
                                <h3>我们的更低价格</h3>
                                <span class="iconfont icon-you1"></span>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="swiper-box  swiper-box-2a88b7 colorful-box">
                    <a href="https://www.ikea.cn/cn/zh/campaigns/xia4-ri4-te4-hui4-pubc6b68b30">
                        <div class="swiper-img">
                            <img src="./images/swiper3.webp" alt="">
                        </div>
                        <div class="swiper-info swiper-info-2a88b7">
                            <div class="swiper-info-inner">
                                <h3>夏日特惠产品，数量有限，售完为止！</h3>
                                <span class="iconfont icon-you1"></span>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="swiper-box swiper-box-f07f13 colorful-box">
                    <a href="https://www.ikea.cn/cn/zh/new/">
                        <div class="swiper-img">
                            <img src="./images/swiper4.webp">
                        </div>
                        <div class="swiper-info swiper-info-f07f13">
                            <div class="swiper-info-inner">
                                <h3>探索当季新品</h3>
                                <span class="iconfont icon-you1"></span>
                            </div>
                        </div>
                    </a>
                </div>

            </div>
        </div>
        <a class="swiper-left a colorful-left">
            <span class="iconfont icon-zuo1"></span>
        </a>
        <a class="swiper-right a colorful-right">
            <span class="iconfont icon-you"></span>
        </a>
        <div class="swiper-drag-box">
            <div class="swiper-drag">
                <span class="swiper-drag-cover colorful-drag"></span>
            </div>
        </div>
    </main>
    <!-- 宜家独特之处 -->
    <div class="unique">
        <div class="unique-box unique-box-margin">
            <div class="unique-img">
                <a href="https://www.ikea.cn/cn/zh/ikea-family/"><img src="./images/unique1.webp" alt=""></a>
            </div>
            <p class="unique-title"><strong>会员专享福利 | 8.3-8.31，积分兑换运费券！</strong></p>
            <div class="unique-more">
                <a href="https://www.ikea.cn/cn/zh/ikea-family/">了解详情</a>
            </div>
        </div>
        <div class="unique-box unique-box-margin">
            <div class="unique-img">
                <a href="https://wrd.family.ikea.cn/wrd?itm_campaign=winter&itm_element=cozy-winter-offer&itm_content=banner2&_ga=2.85848991.709222258.1628923590-314959852.1628923590"><img src="./images/unique2.webp" alt=""></a>
            </div>
            <p class="unique-title">宜家全屋设计 | 1对1专业服务，为您打造理想的家</p>
            <div class="unique-more">
                <a href="https://wrd.family.ikea.cn/wrd?itm_campaign=winter&itm_element=cozy-winter-offer&itm_content=banner2&_ga=2.85848991.709222258.1628923590-314959852.1628923590">了解详情</a>
            </div>
        </div>
        <div class="unique-box">
            <div class="unique-img">
                <a href="https://www.ikea.cn/cn/zh/campaigns/xin1-hui4-yuan2-ji2-song4-xiang1-kao3-ji1-chi4-yi1-dui4-quan4-pub90d78aa0"><img src="./images/unique3.webp" alt=""></a>
            </div>
            <p class="unique-title">瑞典美食 | 不负仲夏时光</p>
            <div class="unique-more">
                <a href="https://www.ikea.cn/cn/zh/campaigns/xin1-hui4-yuan2-ji2-song4-xiang1-kao3-ji1-chi4-yi1-dui4-quan4-pub90d78aa0">了解详情</a>
            </div>
        </div>
    </div>
    <!-- *same探索当季新品 -->
    <div class="seasonal">
        <div class="gallery-header">
            <div class="gallery-topic">
                <p class="gallery-title">探索当季新品</p>
                <p class="gallery-info">浏览并选购我们全新推出的产品！每一款产品都能契合不同房间和风格，带给你新的视觉亮点。</p>
            </div>
            <div class="gallery-more">
                <a href="">探索更多当季新品</a>
            </div>
        </div>
        <div class="gallery-imgs-gallery">
            <div class="gallery-imgs gallery-first-imgs">
                <img src="./images/seasonal1.webp" alt="">
                <a href=""></a>
                <a href=""></a>
                <a href=""></a>
            </div>
            <div class="gallery-imgs gallery-second-imgs">
                <div class="gallery-imgs-top">
                    <img src="./images/seasonal2.webp" alt="">
                </div>
                <div class="gallery-imgs-bottom">
                    <img src="./images/seasonal3.webp" alt="">
                </div>
                <a href=""></a>
                <a href=""></a>
                <a href=""></a>
            </div>
            <div class="gallery-imgs gallery-third-imgs">
                <div class="gallery-imgs-top">
                    <img src="./images/seasonal4.webp" alt="">
                </div>
                <div class="gallery-imgs-bottom">
                    <img src="./images/seasonal5.jpg" alt="">
                </div>
                <a href=""></a>
                <a href=""></a>
                <a href=""></a>
                <a href=""></a>
                <a href=""></a>
                <a href=""></a>
                <a href=""></a>
            </div>
        </div>
    </div>
    <!-- *same发现超值好物 -->
    <div class="goods">
        <div class="gallery-header">
            <div class="gallery-topic">
                <p class="gallery-title">发现超值好物</p>
                <p class="gallery-info">价格实惠，设计精美，品质优良且安全耐用的日常家居好物。</p>
            </div>
            <div class="gallery-more">
                <a href="">更多超值产品</a>
            </div>
        </div>
        <div class="gallery-imgs-gallery">
            <div class="gallery-imgs gallery-first-imgs">
                <img src="./images/goods1.webp" alt="">
            </div>
            <div class="gallery-imgs gallery-second-imgs">
                <div class="gallery-imgs-top">
                    <img src="./images/goods2.webp" alt="">
                </div>
                <div class="gallery-imgs-bottom">
                    <img src="./images/goods3.webp" alt="">
                </div>
            </div>
            <div class="gallery-imgs gallery-third-imgs">
                <div class="gallery-imgs-top">
                    <img src="./images/goods4.webp" alt="">
                </div>
                <div class="gallery-imgs-bottom">
                    <img src="./images/goods5.webp" alt="">
                </div>
            </div>
        </div>
    </div>
    <!-- #same家居好物 -->
    <div class="goods-list">
        <div class="goods-list-box">
            <div class="goods-box">
                <a href="">
                    <div class="goods-imgs">
                        <div class="goods-imgs-display">
                            <img src="./images/goodsdisplay1.webp" alt="">
                        </div>
                        <div class="goods-imgs-hide">
                            <img src="./images/goodshide1.webp" alt="">
                        </div>
                    </div>
                    <div class="goods-info">
                        <p class="goods-name">DOFTA 多夫塔</p>
                        <p class="goods-content">香味混合植物，香型/桃子与橙子 橙色</p>
                        <div class="goods-price-add">
                            <div class="goods-price">
                                <span class="goods-price-symbol">￥</span>
                                <span class="goods-price-price">5</span>
                                <span class="goods-price-symbol">.90</span>
                            </div>
                            <div class="goods-add">
                                <span class="iconfont icon-gouwudai"></span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="goods-box">
                <a href="">
                    <div class="goods-imgs">
                        <div class="goods-imgs-display">
                            <img src="./images/goodsdisplay2.webp" alt="">
                        </div>
                        <div class="goods-imgs-hide">
                            <img src="./images/goodshide2.webp" alt="">
                        </div>
                    </div>
                    <div class="goods-info">
                        <p class="goods-name">SPRUTTIG 埃斯汀</p>
                        <p class="goods-content">衣架 黑色</p>
                        <div class="goods-price-add">
                            <div class="goods-price">
                                <div class="goods-price-yellow">
                                    <span class="goods-price-symbol">￥</span>
                                    <span class="goods-price-price">9</span>
                                    <span class="goods-price-symbol">.90</span>
                                </div>
                                <div class="goods-price-red"></div>
                            </div>
                            <div class="goods-add">
                                <span class="iconfont icon-gouwudai"></span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="goods-box">
                <a href="">
                    <div class="goods-imgs">
                        <div class="goods-imgs-display">
                            <img src="./images/goodsdisplay3.webp" alt="">
                        </div>
                        <div class="goods-imgs-hide">
                            <img src="./images/goodshide3.webp" alt="">
                        </div>
                    </div>
                    <div class="goods-info">
                        <p class="goods-name">IKEA 365+</p>
                        <p class="goods-content">大杯，透明玻璃，36厘升</p>
                        <div class="goods-price-add">
                            <div class="goods-price">
                                <span class="goods-price-symbol">￥</span><span class="goods-price-price">9</span>
                                <span class="goods-price-symbol">.90</span>
                            </div>
                            <div class="goods-add">
                                <span class="iconfont icon-gouwudai"></span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="goods-box">
                <a href="">
                    <div class="goods-imgs">
                        <div class="goods-imgs-display">
                            <img src="./images/goodsdisplay4.webp" alt="">
                        </div>
                        <div class="goods-imgs-hide">
                            <img src="./images/goodshide4.webp" alt="">
                        </div>
                    </div>
                    <div class="goods-info">
                        <p class="goods-name">CHOSIGT 考西</p>
                        <p class="goods-content">制棒冰盒，多色</p>
                        <div class="goods-price-add">
                            <div class="goods-price">
                                <span class="goods-price-symbol">￥</span><span class="goods-price-price">9</span>
                                <span class="goods-price-symbol">.90</span>
                            </div>
                            <div class="goods-add">
                                <span class="iconfont icon-gouwudai"></span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="goods-box">
                <a href="">
                    <div class="goods-imgs">
                        <div class="goods-imgs-display">
                            <img src="./images/goodsdisplay5.webp" alt="">
                        </div>
                        <div class="goods-imgs-hide">
                            <img src="./images/goodshide5.webp" alt="">
                        </div>
                    </div>
                    <div class="goods-info">
                        <p class="goods-name">POKAL 博克尔</p>
                        <p class="goods-content">杯子，粉红色，35厘升</p>
                        <div class="goods-price-add">
                            <div class="goods-price">
                                <span class="goods-price-symbol">￥</span><span class="goods-price-price">6</span>
                                <span class="goods-price-symbol">.90</span>
                            </div>
                            <div class="goods-add">
                                <span class="iconfont icon-gouwudai"></span>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <div class="goods-more">
            <a href="https://www.ikea.cn/cn/zh/campaigns/wo3-men2-de-chao1-zhi2-di1-jia4-pub935f0b90">更多家居好物，低至￥1.9</a>
        </div>
    </div>
    <!-- #same8月特惠 -->
    <div class="august-list">
        <div class="august-list-title">8月会员特惠产品</div>
        <div class="august-list-box">
            <div class="august-box">
                <a href="">
                    <div class="august-imgs">
                        <div class="august-imgs-display">
                            <img src="./images/augustdisplay1.webp" alt="">
                        </div>
                        <div class="august-imgs-hide">
                            <img src="./images/augusthide1.webp" alt="">
                        </div>
                    </div>
                    <div class="august-info">
                        <p class="august-vip-price">会员价</p>
                        <p class="august-name">ERIK 艾瑞克</p>
                        <p class="august-content">文件柜，白色，41x104厘米</p>
                        <p class="august-normal-price">非会员价 ￥799.00</p>
                        <div class="august-price-add">
                            <div class="august-price">
                                <span class="august-price-symbol">￥</span><span class="august-price-price">699</span>
                                <span class="august-price-symbol">.00</span>
                            </div>
                            <div class="august-add">
                                <span class="iconfont icon-gouwudai"></span>
                            </div>
                        </div>
                        <p class="august-date">有效优惠期:2021.08.01 - 2021.08.31</p>
                    </div>
                </a>
            </div>
            <div class="august-box">
                <a href="">
                    <div class="august-imgs">
                        <div class="august-imgs-display">
                            <img src="./images/augustdisplay2.webp" alt="">
                        </div>
                        <div class="august-imgs-hide">
                            <img src="./images/augusthide2.webp" alt="">
                        </div>
                    </div>
                    <div class="august-info">
                        <p class="august-vip-price">会员价</p>
                        <p class="august-name">BRIMNES 百灵</p>
                        <p class="august-content">坐卧两用床框架带双屉，白色，80x200厘米</p>
                        <p class="august-normal-price">非会员价 ￥1,799.00</p>
                        <div class="august-price-add">
                            <div class="august-price">
                                <span class="august-price-symbol">￥</span>
                                <span class="august-price-price">1,599</span>
                                <span class="august-price-symbol">.0</span>
                            </div>
                            <div class="august-add">
                                <span class="iconfont icon-gouwudai"></span>
                            </div>
                        </div>
                        <p class="august-date">有效优惠期:2021.08.01 - 2021.08.31</p>
                    </div>
                </a>
            </div>
            <div class="august-box">
                <a href="">
                    <div class="august-imgs">
                        <div class="august-imgs-display">
                            <img src="./images/augustdisplay3.webp" alt="">
                        </div>
                        <div class="august-imgs-hide">
                            <img src="./images/augusthide3.webp" alt="">
                        </div>
                    </div>
                    <div class="august-info">
                        <p class="august-vip-price">会员价</p>
                        <p class="august-name">SVENARUM 斯文荣</p>
                        <p class="august-content">搁架单元，竹，80x180厘米</p>
                        <p class="august-normal-price">非会员价 ￥699.00</p>
                        <div class="august-price-add">
                            <div class="august-price">
                                <span class="august-price-symbol">￥</span><span class="august-price-price">599</span>
                                <span class="august-price-symbol">.00</span>
                            </div>
                            <div class="august-add">
                                <span class="iconfont icon-gouwudai"></span>
                            </div>
                        </div>
                        <p class="august-date">有效优惠期:2021.08.01 - 2021.08.31</p>
                    </div>
                </a>
            </div>
            <div class="august-box">
                <a href="">
                    <div class="august-imgs">
                        <div class="august-imgs-display">
                            <img src="./images/augustdisplay4.webp" alt="">
                        </div>
                        <div class="august-imgs-hide">
                            <img src="./images/augusthide4.webp" alt="">
                        </div>
                    </div>
                    <div class="august-info">
                        <p class="august-vip-price">会员价</p>
                        <p class="august-name">NATTJASMIN 纳斯敏</p>
                        <p class="august-content">被套和2个枕套，淡米色，200x230/50x80厘米</p>
                        <p class="august-normal-price">非会员价￥299.00</p>
                        <div class="august-price-add">
                            <div class="august-price">
                                <span class="august-price-symbol">￥</span><span class="august-price-price">249</span>
                                <span class="august-price-symbol">.00</span>
                            </div>
                            <div class="august-add">
                                <span class="iconfont icon-gouwudai"></span>
                            </div>
                        </div>
                        <p class="august-date">有效优惠期:2021.08.01 - 2021.08.31</p>
                    </div>
                </a>
            </div>
            <div class="august-box">
                <a href="">
                    <div class="august-imgs">
                        <div class="august-imgs-display">
                            <img src="./images/augustdisplay5.webp" alt="">
                        </div>
                        <div class="august-imgs-hide">
                            <img src="./images/augusthide5.webp" alt="">
                        </div>
                    </div>
                    <div class="august-info">
                        <p class="august-vip-price">会员价</p>
                        <p class="august-name">DUKTIG 杜克迪</p>
                        <p class="august-content">玩具厨房，桦木，72x40x109厘米</p>
                        <p class="august-normal-price">非会员价￥699.00</p>
                        <div class="august-price-add">
                            <div class="august-price">
                                <span class="august-price-symbol">￥</span><span class="august-price-price">599</span>
                                <span class="august-price-symbol">.00</span>
                            </div>
                            <div class="august-add">
                                <span class="iconfont icon-gouwudai"></span>
                            </div>
                        </div>
                        <p class="august-date">有效优惠期:2021.08.01 - 2021.08.31</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="august-more">
            <a href="https://www.ikea.cn/cn/zh/campaigns/wo3-men2-de-chao1-zhi2-di1-jia4-pub935f0b90">查看更多会员特惠产品</a>
        </div>
    </div>
    <!-- *same家，能量无限 -->
    <div class="home-energy">
        <div class="gallery-header">
            <div class="gallery-topic">
                <p class="gallery-title">家，能量无限</p>
            </div>
            <div class="gallery-more">
                <a href="">查看所有房间</a>
            </div>
        </div>
        <div class="gallery-imgs-gallery">
            <div class="gallery-imgs gallery-first-imgs">
                <img src="./images/homeenergy1.webp" alt="">
            </div>
            <div class="gallery-imgs gallery-second-imgs">
                <div class="gallery-imgs-top">
                    <img src="./images/homeenergy2.webp" alt="">
                </div>
                <div class="gallery-imgs-bottom">
                    <img src="./images/homeenergy3.webp" alt="">
                </div>
            </div>
            <div class="gallery-imgs gallery-third-imgs">
                <div class="gallery-imgs-top">
                    <img src="./images/homeenergy4.webp" alt="">
                </div>
                <div class="gallery-imgs-bottom">
                    <img src="./images/homeenergy5.webp" alt="">
                </div>
            </div>
        </div>
    </div>
    <!-- 探索更多空间 -->
    <div class="more-room">
        <p class="room-title">探索更多空间</p>
        <div class="swiper swiper-room">
            <div class="bigger-swiper-box bigger-images-box">
                <div class="big-swiper-box big-room-box big-images-box">
                    <div class="swiper-box room-box images-box">
                        <a href="">
                            <div class="swiper-img">
                                <img src="./images/moreroom1.webp" alt="">
                            </div>
                            <p class="room-name">
                                餐厅
                            </p>
                        </a>
                    </div>
                    <div class="swiper-box room-box images-box">
                        <a href="">
                            <div class="swiper-img">
                                <img src="./images/moreroom2.webp" alt="">
                            </div>
                            <p class="room-name">书房和办公</p>
                        </a>
                    </div>
                    <div class="swiper-box room-box images-box">
                        <a href="">
                            <div class="swiper-img">
                                <img src="./images/moreroom3.webp" alt="">
                            </div>
                            <p class="room-name">
                                儿童房
                            </p>
                        </a>
                    </div>
                    <div class="swiper-box room-box images-box">
                        <a href="">
                            <div class="swiper-img">
                                <img src="./images/moreroom4.webp" alt="">
                            </div>
                            <p class="room-name">
                                门厅
                            </p>
                        </a>
                    </div>
                    <div class="swiper-box room-box images-box">
                        <a href="">
                            <div class="swiper-img">
                                <img src="./images/moreroom5.webp" alt="">
                            </div>
                            <p class="room-name">
                                户外
                            </p>
                        </a>
                    </div>
                    <div class="swiper-box room-more images-box">
                        <a href="">
                            <div class="room-box-more">
                                <p class="swiper-img">所有房间</p>
                                <span class="iconfont icon-you1"></span>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <a class="swiper-left a images-left">
                <span class="iconfont icon-zuo1"></span>
            </a>
            <a class="swiper-right a images-right">
                <span class="iconfont icon-you"></span>
            </a>
            <div class="swiper-drag-box">
                <div class="swiper-drag">
                    <span class="swiper-drag-cover images-drag"></span>
                </div>
            </div>
        </div>
    </div>
    <!-- $same发现家的无限值 -->
    <div class="infinity">
        <div class="infinity-title">发现家的无限值</div>
        <div class="bigger-swiper-box bigger-colorful-box">
            <div class="big-swiper-box big-colorful-box">
                <div class="swiper-box swiper-box-aa7a47 colorful-box">
                    <a href="">
                        <div class="swiper-img">
                                <img src="./images/homeinfinity1.webp" alt="">
                        </div>
                        <div class="swiper-info swiper-info-aa7a47">
                            <div class="swiper-info-inner">
                                <h3>家居灵感 | 新手"小白"的收纳成长记</h3>
                                <span class="iconfont icon-you1"></span>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="swiper-box swiper-box-4073a0 colorful-box">
                    <a href="">
                        <div class="swiper-img">
                                <img src="./images/homeinfinity2.webp" alt="">
                        </div>
                        <div class="swiper-info swiper-info-4073a0">
                            <div class="swiper-info-inner">
                                <h3>更新至第5期—爆改工作室，工作生活二合一</h3>
                                <span class="iconfont icon-you1"></span>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="swiper-box swiper-box-d8b88b colorful-box">
                    <a href="">
                        <div class="swiper-img">
                            <img src="./images/homeinfinity3.webp" alt="">
                        </div>
                        <div class="swiper-info swiper-info-d8b88b">
                            <div class="swiper-info-inner">
                                <h3>来自全球宜家员工的家居装饰小妙招</h3>
                                <span class="iconfont icon-you1"></span>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="swiper-box swiper-box-615545 colorful-box">
                    <a href="">
                        <div class="swiper-img">
                            <img src="./images/homeinfinity4.webp">
                        </div>
                        <div class="swiper-info swiper-info-615545">
                            <div class="swiper-info-inner">
                                <h3>宜家 Harmoni - 打造井井有条的生活</h3>
                                <span class="iconfont icon-you1"></span>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <a class="swiper-left a colorful-left">
            <span class="iconfont icon-zuo1"></span>
        </a>
        <a class="swiper-right a">
            <span class="iconfont icon-you colorful-right"></span>
        </a>
        <div class="swiper-drag-box">
            <div class="swiper-drag">
                <span class="swiper-drag-cover colorful-drag"></span>
            </div>
        </div>
    </div>
    <!-- 更可持续的家居生活 -->
    <div class="environment">
        <p class="environment-title">购买产品，打造更可持续的家居生活</p>
        <div class="swiper swiper-environment">
            <div class="bigger-swiper-box">
                <div class="big-swiper-box big-environment-box big-images-box">
                    <div class="swiper-box life-box images-box">
                        <a href="">
                            <div class="swiper-img">
                                <img src="./images/environment1.webp" alt="">
                            </div>
                            <p class="life-name">
                                节约水源
                            </p>
                        </a>
                    </div>
                    <div class="swiper-box life-box images-box">
                        <a href="">
                            <div class="swiper-img">
                                <img src="./images/environment2.webp" alt="">
                            </div>
                            <p class="life-name">节约能源</p>
                        </a>
                    </div>
                    <div class="swiper-box life-box images-box">
                        <a href="">
                            <div class="swiper-img">
                                <img src="./images/environment3.webp" alt="">
                            </div>
                            <p class="life-name">
                                更健康的家
                            </p>
                        </a>
                    </div>
                    <div class="swiper-box life-box images-box">
                        <a href="">
                            <div class="swiper-img">
                                <img src="./images/environment4.webp" alt="">
                            </div>
                            <p class="life-name">
                                减少浪费
                            </p>
                        </a>
                    </div>
                    <div class="swiper-box life-box images-box">
                        <a href="">
                            <div class="swiper-img">
                                <img src="./images/environment5.webp" alt="">
                            </div>
                            <p class="life-name">
                                更可持续的家具
                            </p>
                        </a>
                    </div>
                    <div class="swiper-box life-box images-box">
                        <a href="">
                            <div class="swiper-img">
                                <img src="./images/environment6.webp" alt="">
                            </div>
                            <p class="life-name">
                                更可持续的材料
                            </p>
                        </a>
                    </div>
                    <div class="swiper-box life-box images-box">
                        <a href="">
                            <div class="swiper-img">
                                <img src="./images/environment7.jpg" alt="">
                            </div>
                            <p class="life-name">
                                更可持续的食物
                            </p>
                        </a>
                    </div>
                    <div class="swiper-box life-more images-box">
                        <a href="">
                            <div class="life-box-more">
                                <p class="swiper-img">简单的改变，打造更可持续的日常生活</p>
                                <span class="iconfont icon-you1"></span>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <a class="swiper-left a images-left">
                <span class="iconfont icon-zuo1"></span>
            </a>
            <a class="swiper-right a images-right">
                <span class="iconfont icon-you"></span>
            </a>
            <div class="swiper-drag-box">
                <div class="swiper-drag">
                    <span class="swiper-drag-cover images-drag"></span>
                </div>
            </div>
        </div>
    </div>
    <!-- 产品信息及通知 -->
    <div class="notice">
        <p class="notice-title">产品信息及通知</p>
        <div class="big-notice-box">
            <ul>
                <li class="notice-box">
                    <a href="">
                        <div class="notice-content">牢牢固定——防止家具倾倒</div>
                        <span class="iconfont icon-you"></span>
                    </a>
                </li>
                <li class="notice-hr"></li>
                <li class="notice-box">
                    <a href="">
                        <div class="notice-content">宜家因潜在破裂和烫伤风险召回HEROISK 希罗斯 和TALRIKA 塔利卡 系列盘、碗和杯子</div>
                        <span class="iconfont icon-you"></span>
                    </a>
                </li>
                <li class="notice-hr"></li>
                <li class="notice-box">
                    <a href="">
                        <div class="notice-content">钢化玻璃杯说明</div>
                        <span class="iconfont icon-you"></span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 底部 -->
    <footer class="footer-container">
        <footer class="footer-center">
            <div class="footer-box">
                <div class="footer-main">
                    <div class="footer-club">
                        <p class="footer-club-title">加入宜家俱乐部</p>
                        <p class="footer-club-info">
                            使用宜家俱乐部会员卡，享受折扣，灵感和许多美好事物，使你的想法栩栩如生。<a href="">查看更多</a></p>
                        <div class="footer-club-more">
                            <a href="">立即加入</a>
                        </div>
                    </div>
                    <div class="footer-nav">
                        <div class="footer-nav-list">
                            <h5>常用链接</h5>
                            <ul>
                                <li><a href="">宜家《家居指南》及手册</a></li>
                                <li><a href="">宜家家居APP</a></li>
                                <li><a href="">本地商场</a></li>
                                <li><a href="">在线设计工具</a></li>
                                <li><a href="">宜家俱乐部</a></li>
                                <li><a href="">宜家对公业务</a></li>
                                <li><a href="">瑞典美食</a></li>
                            </ul>
                        </div>
                        <div class="footer-nav-list">
                            <h5>客户服务</h5>
                            <ul>
                                <li><a href="">我们的服务</a></li>
                                <li><a href="">联系我们</a></li>
                                <li><a href="">网上商城配送范围</a></li>
                                <li><a href="">常见问题</a></li>
                                <li><a href="">退货政策</a></li>
                                <li><a href="">品质保证</a></li>
                                <li><a href="">购物指南</a></li>
                            </ul>
                        </div>
                        <div class="footer-nav-list">
                            <h5>关于宜家</h5>
                            <ul>
                                <li><a href="">这就是宜家</a></li>
                                <li><a href="">民主设计</a></li>
                                <li><a href="">可持续的日常生活</a></li>
                                <li><a href="">社区参与</a></li>
                                <li><a href="">加入我们</a></li>
                                <li><a href="">IKEA Foundation</a></li>
                                <li><a href="">意见反馈</a></li>
                            </ul>
                        </div>
                        <div class="footer-nav-list">
                            <h5>宜家新闻</h5>
                            <ul>
                                <li><a href="">新闻室</a></li>
                                <li><a href="">新闻联络</a></li>
                                <li><a href="">商品召回</a></li>
                                <li><a href="">牢牢固定！</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="footer-app">
                    <a href="">
                        <img src="./images/weChat.svg" alt="">
                    </a>
                    <a href="">
                        <img src="./images/sina.svg" alt="">
                    </a>
                    <a href="">
                        <img src="./images/jiantou.svg" alt="">
                    </a>
                    <div class="footer-app-select">
                        <select name="" id="">
                            <option value="zh" selected="selected">中文</option>
                            <option value="en">EN</option>
                        </select>
                        <span class="iconfont icon-you"></span>
                    </div>
                </div>
                <div class="footer-copyright">
                    <p class="copyrght-left">&copy; Inter IKEA Systems B.V. 1999-2021</p>
                    <div class="copyrght-right">
                        <a href="">隐私政策</a>
                        <span>&nbsp;|&nbsp;</span>
                        <a href="">缺陷纰漏政策</a>
                        <span>&nbsp;|&nbsp;</span>
                        <a href="">使用条款</a>
                        <span>&nbsp;|&nbsp;</span>
                        <a href="">上海工商</a>
                        <span>&nbsp;|&nbsp;</span>
                        <a href="">沪公网安备 31010402001069号</a>
                        <span>&nbsp;|&nbsp;</span>
                        <a href="">沪ICP 备17055232 号</a>
                    </div>
                </div>
            </div>
        </footer>
    </footer>
    <!-- 回到顶部&客服 -->
    <div class="back-top fixed">
        <a href="">
            <img src="./images/goback.svg" alt="">
        </a>
    </div>
    <div class="customer-service fixed">
        <a href="">
            <img src="./images/customerServiceNew.svg" alt="">
        </a>
    </div>
</div>
</body>
<script src="./js/jquery-3.4.1.js"></script>
<script src="./js/Wings.js"></script>
<script src="./js/name.js"></script>
<script src="./js/index.js"></script>
</html>